<template>
	<view>
		<view  class="login">
			<view class="logo">
				<image class="logo-img" src="../../static/image/icon-ysj.png"></image>
			</view>
			<view class="login-form">
				<view class="login-user">
					<text class="user-text">账号</text>
					<input type="text" v-model="userName" v-if="!afterSalesbox" value="" placeholder="输入手机号" />
				</view>
				<view class="login-user">
					<text class="user-text">密码</text>
					<input type="password" v-model="userPwd" v-if="!afterSalesbox" value="" placeholder="6-16位字符" />
				</view>
				<!-- <view class="login-user">
					<text class="user-text">验证码</text>
					<input type="text" v-model="tradeVfCode" v-if="!afterSalesbox" value="" placeholder="输入验证码" />
					<view class="user-text" style="display: inline-block;color: #fff;background: #4c94ff;border-radius: 8rpx;padding: 6rpx;">
						<text v-if="countdown==60" @click="getYZM()">发送验证码</text>
						<text v-else >{{countdown}}秒</text>
					</view>
				</view> -->
			</view>
			<view class="login-quick">
				<view>忘记密码？</view>
				<view @click="goLoginTel()">注册账号</view>
			</view>
			<view class="tel" @tap="submit">登录</view>
		</view>
		
		<view class="btm">
			<view class="btm-rideo" @tap="privacy()" :class="istrue?'btm-rideo1':''"></view>
			我已阅读并同意<text @click="afterSalesbox=true">《水达商户平台入驻协议》</text>、<text @click="afterSalesbox=true">《隐私协议》</text>
		</view>
		<view class="salesbox" v-if="afterSalesbox">
			<view class="sales">
				<div style="text-align: center; font-weight: 600; font-size: 26rpx;">商家入驻协议</div><br>
				<div>
					欢迎您加入我们的渴了么商户端！在您注册成为商家的同时，请阅读并同意以下商家入驻协议的条款和条件。
					请仔细阅读并理解本协议内容，如您同意并接受相关条款，请继续进行注册。
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">一、商家入驻条件</h4>
					</div>
					<ul class="privacy-config__list">
						<p>1.作为商家，您必须拥有合法的营业执照和相关许可证。</p>
						<p>2.提供准确、完整和真实的商家信息，包括商家名称、商家地址、联系人姓名、联系电话和邮箱等。并保证及时更新信息并保持其准确性。</p>
						<p>3.符合渴了么商户端制定的入驻标准和要求，包括但不限于产品质量、卫生安全、服务态度等。</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">二、商家责任</h4>
					</div>
					<ul class="privacy-config__list">
						<p>1.确保向消费者提供具备卫生安全要求的产品和服务，并承担因产品质量问题而引起的相应责任。</p>
						<p>2.遵守渴了么商户端的规则和规定，确保订单和配送的准确性和时效性。</p>
						<p>3.妥善保管自身账户和密码，并对使用账户和密码进行的所有操作负责。</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">三、渴了么商户端责任</h4>
					</div>
					<ul class="privacy-config__list">
						<p>1.提供平台技术支持和入驻指导。</p>
						<p>2.通过线上渠道为商家提供在线支付、订单管理、推广和宣传等服务。</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">四、结算方式</h4>
					</div>
					<ul class="privacy-config__list">
						<p>1.渴了么商户端将根据商家销售的产品和服务进行结算，并按照双方约定的比例提取平台服务费用。</p>
						<p>2.结算款项将在双方约定的时间内按照约定的方式进行支付。</p>
						<p>3.商户平台入驻提现手续费注册前两个月为2%</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">五、保密条款</h4>
					</div>
					<ul class="privacy-config__list">
						<p>1.双方在履行本协议过程中可能获悉对方的商业机密和其他保密信息，双方应对这些信息予以保密，不得向第三方披露或非法使用。</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">六、协议终止</h4>
						<p class="group-infos__hd-privacyText">1.本协议在以下情况下可被解除：</p>
					</div>
					<ul class="privacy-config__list">
						<p>a) 双方达成一致解除协议的意见；<br>
							b) 一方严重违反本协议的约定；<br>
							c) 发生不可抗力或其他无法克服的事件，使本协议履行不可能或违反法律法规的情况。</p>
						<p>2. 解除协议后，商家应尽快停止在渴了么商户端上的销售。</p>
					</ul>
				</div>
				<div>请您在注册时仔细阅读以上协议条款，并勾选同意该协议，以确认您已完全理解并接受其中的内容。如您有任何疑问，请及时联系我们的客服团队。</div>
				<br><br><div style="text-align: center; font-weight: 600; font-size: 26rpx;">应用程序隐私保护指引</div><br>
				<div class="group-infos">
					<p>本指引是渴了么应用小程序开发者 "上海码翔网络科技有限公司"（以下简称“开发者”）为处理你的个人信息而制定。</p>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">一、开发者处理的信息</h4>
						<p class="group-infos__hd-privacyText">根据法律规定，开发者仅处理实现小程序功能所必要的信息。</p>
					</div>
					<ul class="privacy-config__list">
						<p>1.为了方便保存商品图片，开发者将在获取你的明示同意后，使用你的相册（仅写入）权限。</p>
						<p>2.为了方便配送您的商品，开发者将在获取你的明示同意后，收集你的位置信息。</p>
						<p>3.为了方便您的个性展示，开发者将在获取你的明示同意后，收集你的微信昵称、头像。</p>
						<p>4.开发者 收集你的地址，用于配送您的商品，更好的服务您。</p>
						<p>5.为了方便沟通，开发者将在获取你的明示同意后，收集你的手机号。</p>
						<p>6.开发者 收集你选中的照片或视频信息，用于保存您主动提交的图片。</p>
						<p>7.开发者 读取你的剪切板，用于更便捷的保存您输入的配送地址。</p>
						<p>8.开发者 获取你选择的位置信息，用于方便配送您的商品。</p>
					</ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd"><h4 class="group-infos__title">二、你的权益</h4>
						<p class="group-infos__hd-privacyText"></p>
					</div>
					<p class="group-infos_order">1.关于你的个人信息，你可以通过以下方式与开发者联系，行使查阅、复制、更正、删除等法定权利。</p>
					<p class="group-infos_order">2.若你在小程序中注册了账号，你可以通过以下方式与开发者联系，申请注销你在小程序中使用的账号。在受理你的申请后，开发者承诺在十五个工作日内完成核查和处理，并按照法律法规要求处理你的相关信息。</p>
					<ul><p><span style="margin-right: 10px;">微信号:</span><span style="overflow: hidden; word-break: break-all;">jihaokun6</span></p></ul>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">三、开发者对信息的存储</h4>
						<p class="group-infos__hd-privacyText"></p>
					</div>
					<p class="group-infos_order">1.开发者承诺，除法律法规另有规定外，开发者对你的信息的保存期限应当为实现处理目的所必要的最短时间。</p>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">四、信息的使用规则</h4>
						<p class="group-infos__hd-privacyText"></p>
					</div><p class="group-infos_order">1.开发者将会在本指引所明示的用途内使用收集的信息</p>
					<p>
						<span class="privacyLabel group-infos_order">2.如开发者使用你的信息超出本指引目的或合理范围，开发者必须在变更使用目的或范围前，再次以</span>
						<span>文档文字</span><span class="privacyLabel">方式告知并征得你的明示同意。</span>
					</p>
				</div>
				<div class="group-infos">
					<div class="group-infos__hd">
						<h4 class="group-infos__title">五、信息对外提供</h4>
						<p class="group-infos__hd-privacyText"></p>
					</div>
					<p class="group-infos_order">1.开发者承诺，不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接征得或确认第三方征得你的单独同意。</p>
					<p class="group-infos_order">2.开发者承诺，不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的单独同意。</p>
				</div>
				<div class="group-infos"><div class="group-infos__hd">
				<h4 class="group-infos__title">六、你认为开发者未遵守上述约定，或有其他的投诉建议、或未成年人个人信息保护相关问题，可通过向微信进行投诉。</h4>
				<p class="group-infos__hd-privacyText"></p>
			</div>
			
			<div class="tool_bar tc"></div></div>
				<view class="salesbtn" @click="afterSalesbox=false,istrue=!istrue">知道了</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {loginStore,updateStore,sendWDCode,miniWxLoginSt} from '../../api/user.js'
	import {mapMutations} from 'vuex'

	export default {
		data() {
			return {
				//用户输入的内容
				userName: "",
				userPwd: "",
				userVfCode:'1111',
				tradeVfCode:'',
				rules: {
					userName: {
						rule: /\S/,
						msg: "请输入正确的手机号码"
					},
					userPwd: {
						rule: /^[0-9a-zA-z]{6,16}$/,
						msg: "密码6-16位字符"
					}
				},
				istrue: false,
				afterSalesbox: false,
				countdown: 60
			}
		},
		methods: {
			...mapMutations(['login']),
			//关闭返回
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			privacy(){
				this.istrue = !this.istrue
			},
			getYZM(){
				if (!this.validate("userName")) return;
				sendWDCode(this.userName).then(res => {
					this.userVfCode = res.data.data
					uni.showToast({
						title: '已发送短信验证码',
						icon:"none"
					})
					this.startCountdown()
				})
			},
			startCountdown() {
			    const timer = setInterval(() => {
					if(this.countdown > 0){
						this.countdown--;  // 每秒减1
					}else{
						this.countdown = 60
						clearInterval(timer);  // 倒计时结束，清除定时器
					}
				}, 1000);
			},
			// 提交
			submit() {
				// subscribeAuth(){}
				var stOpenId = ''
				wx.requestSubscribeMessage({
					tmplIds:['nseFB1Klp0AbediGyc1PaYiceppUohbBtu9wn3wO81s'],
					success(res){
						console.log('授权情况-->'+JSON.stringify(res))
						if(res.nseFB1Klp0AbediGyc1PaYiceppUohbBtu9wn3wO81s!="reject"){
						// if(this_.istrue==true){
										// }else{
										// 	console.log('授权情况-->'+JSON.stringify(res))
										// 	uni.showToast({
										// 		title:'请阅读并同意用户协议',
										// 			icon:'none'
										// 	})
										// }
										}else{
											console.log('授权情况-->'+JSON.stringify(res))
											uni.showToast({
												title:'为确保服务质量，请开启消息授权',
													icon:'none'
											})
											return
										}
					},
					fail(res){
						console.log('授权情况-->'+JSON.stringify(res))
						uni.showToast({
							title:'为确保服务质量，请开启消息授权',
								icon:'none'
						})
					}
				})
				let this_=this;
				if (!this.validate("userName")) return;
				if (!this.validate("userPwd")) return;
				// if(this.userVfCode == this.tradeVfCode){
					if(this.istrue==true){
						let data = {
							storeBossMobile: this.userName,
							password: this.userPwd
						}
						
						loginStore(data).then(res => {
							// console.log(1909090909090909090)	
							if(res.data.code==200){
								
								let store = res.data.data
								
								uni.login({
									provider:'weixin',
									success: (res) => {	
										console.log('code----------->'+res.code)
										console.log(JSON.stringify(res))
										uni.setStorage({
										  key: "currAuthorizeStep",
										  data: 0,
										  success: (result) => {},
										  fail: (error) => {},
										});
										
										miniWxLoginSt(res.code).then(res2 => {
											console.log('获取open-id'+JSON.stringify(res2))
											console.log('获取open-id'+res2)
											let user = res2.data.data
											if ("200" === res2.data.code) {
												stOpenId = user.openId
												console.log('stOpenId-->'+stOpenId)
												if(!store.storeIp){
													var datapm = {
														storeId:store.storeId,
														storeIp:stOpenId
													}
													console.log('stOpenId-->'+stOpenId)
													console.log("datapm--->"+datapm)
													updateStore(datapm).then(res => {
														if(res.data.code==200){
															console.log('openId更新成功'+res.data.data)
														}
														
													})
												}
											}
										})
									}
								})
								
								this.login(res.data.data);
								uni.navigateBack({
									delta: 1
								})
							}else{
								uni.showToast({
									title: res.data.msg,
									icon:"none"
								})
							}
							
						})
					}else{
						uni.showToast({
							title:'请阅读并同意用户协议',
								icon:'none'
						})
					}
				
			},
			// 验证
			validate(key) {
				let bool = true;
				if (!this.rules[key].rule.test(this[key])) {
					uni.showToast({
						title: this.rules[key].msg,
						icon: "none"
					})
					bool = false;
					return false;
				}
				return bool;
			},
			goLoginTel() {
				uni.navigateTo({
					url: "../login/register",

				})
			}
		}
	}
</script>

<style scoped>
	.login{
		font-size: 30rpx;
		padding: 60rpx;
	}
	.logo {
		display: flex;
		justify-content: center;
	}
	.logo-img {
		width: 200rpx;
		height: 200rpx;
	}
	.login-form {
		padding-top: 100rpx;
	}
	.login-user {
		font-size: 32rpx;
		padding: 10rpx 0;
		display: flex;
		align-items: center;
		border-bottom: 2rpx solid #f7f7f7;
		margin-bottom: 30rpx;
	}
	.user-text {
		padding-right: 10rpx;
	}
	.login-quick {
		display: flex;
		justify-content: space-between;
		padding: 20rpx 0;
	}
	.tel{
		width: 100%;
		background: #4c94ff;
		color: #fff;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		margin-top: 20rpx;
		border-radius: 10rpx;
	}
	
	.btm{
		width: 100%;
		position: fixed;
		bottom: 60rpx;
		font-size: 20rpx;
		text-align: center;
	}
	.btm-rideo{
		width: 22rpx;
		height: 22rpx;
		border-radius: 22rpx;
		border: 1rpx #ccc solid;
		display: inline-block;
		margin: 0 6rpx -4rpx -24rpx;
	}
	.btm-rideo1{
		background: #142f88 !important;
	}
	.btm text{
		color: #0f2288;
	}
	.salesbox{
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0, .3)
	}
	.sales{
		position: fixed;
		top: 10%;
		left: 5%;
		padding-top: 50rpx;
		width: 80%;
		height: 960rpx;
		background: #fff;
		border-radius: 30rpx;
		border: 1rpx solid #cfcfcf;
		box-shadow:#acacac 0px 0px 10rpx;
		overflow-y: auto;
		padding: 5%;
		font-size: 25rpx;
		color: #595959;
	}
	.salesbtn{
		width: 230rpx ;
		height: 90rpx;
		line-height: 90rpx;
		background: #007AFF;
		border-radius: 30rpx;
		margin: 20rpx auto;
		margin-top: 50rpx;
		font-size: 30rpx;
		color: #fff;
		text-align: center;
	}
</style>
